iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0

今天還在醫院,來複習一下CSS boxsizing

第一問
請依序藍黑紅綠說出他們的property名字
送分給你第一個是content (好像也不算property
有一個是border

https://ithelp.ithome.com.tw/upload/images/20231009/20140247XMAZ3XRu77.jpg

A: content - padding - border - margin

第二問
設定width時, box sizing = content box 寬度是算到哪裡?
border box呢?

https://ithelp.ithome.com.tw/upload/images/20231009/20140247ptJNAdRg8q.jpg

A:就字面意思,content box 設定content有我們要的寬
border box計算到border

第三問:table html元素預設box sizing 是什麼?

A: border box

以上

手機還能作圖,我很厲害吧

參考
MDN:box-sizing


上一篇
JS別浪費時間在async await !用Promise.all,allSettled-Day22
下一篇
Laravel Middleware初探 /w Breeze-Day24
系列文
前輩說Laravel不難,好啊那就1人前後端試試看啊31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言